<template>
	<view class="page">
		<image src="/static/img/summer-sale.png" class="nothing"></image>
		<text class="cart-content">购物车空空如也</text>
		<view class="goShopping">
			<text>去选购</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		}
	}
</script>

<style>
	.page {
		width: 100%;
		height: 100%;
	}
	.nothing {
		display: block;
		width: 598rpx;
		height: 480rpx;
		margin-left: 76rpx;
		margin-top: 322rpx;
	}
	.cart-content {
		display: block;
		height: 36rpx;
		font-size: 38rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(153,153,153,1);
		line-height: 36rpx;
		margin-top: 40rpx;
		margin-left: 243rpx;
	}
	.goShopping {
		width: 324rpx;
		height: 70rpx;
		line-height: 60rpx;
		background: rgba(254,177,71,1);
		box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(179,179,179,0.45);
		border-radius: 6rpx;
		margin-top: 120rpx;
		margin-left: 213rpx;
	}
	.goShopping text {
		width: 87rpx;
		height: 29rpx;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(255,255,255,1);
		line-height: 36rpx;
		margin-left: 118rpx;
	}
</style>
